<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
</script>

<template>
  <div>
    <a-space direction="vertical" :style="{ width: '100%' }">
      <a-card>
        <a-flex :vertical="true" align="center">
          <p id="wel">Welcome</p>
          <p id="ch">你好呀，欢迎来到我的网站！</p>
          <a-space>
            <a-button type="primary" @click="router.push('/403')">403</a-button>
            <a-button type="primary" @click="router.push('/404')">404</a-button>
          </a-space>
        </a-flex>
      </a-card>
    </a-space>
  </div>
</template>

<style scoped>
#wel {
  margin: 0;
  font-size: 180px;
  font-weight: bold;
  font-family: "luckiestguy", sans-serif;
  color: #e6e6e6;
  letter-spacing: 5px;
  text-shadow:
    1px -1px #ffffff,
    -1px -1px #adadad,
    -5px 5px #808080;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}

#ch {
  font-size: 36px;
  color: #029e9f;
  font-family: "customChinese", sans-serif;
}
</style>
